<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="../../share/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>功夫</title>

<%-- <link href="${ctx }/css/front/index.css" rel="stylesheet" type="text/css" />
 --%>
 
<style type="text/css">

 /* content start */
 div .content {
 	width: 750px; 
 	height: 500px; 
 	border: 1px solid #333; 
 	margin: 34px 10px 10px 10px; 
 }
 /* content end */
 
/* ---------- left_content start --------------- */
 div .left_content {
 	border: 1px solid #333; 
 	width: 180px; 
 	height: auto; 
 	float: left;
 	margin: 0;
 	margin-top: 2px;
 } 
 div .photo {
 	height: 178px; 
 	border: 1px solid #333; 
 }
 div .post_blog {
 	height: 80px; 
 	width: 88px; 
 	float: left; 
 	border: 1px solid #333;
 }
 div .space_manage {
 	height: 80px; 
 	width: 88px; 
 	float: left;  
 	border: 1px solid #333;
 }
 div .atten_manage {
 	height: 130px; 
 	width: 178px; 
 	float: left;  
 	border: 1px solid #333; 
 	margin-top: 5px;
 }
 div .attened_manage {
 	height: 130px; 
 	width: 178px; 
 	float: left;  
 	border: 1px solid #333; 
 	margin-top: 5px;"
 }
 div .visit_manage {
 	height: 200px; 
 	width: 178px; 
 	float: left; 
 	border: 1px solid #333; 
 	margin-top: 5px;
 }
/* ---------- left_content end --------------- */

/* ---------- center_content start---------------*/
 div .center_content {
 	border: 1px solid #333; 
 	width: 754px;
 	height: auto;
 	float: left;
 	margin-left: 10px;
 	margin-top: 2px;
 }
 
 .blog_content li{
 	margin: 5px 0;
 	font-size: 14px;
 	font-family: monospace;
 }
 .blog_content li select{
 	width: 200px; 
 	height: 20px;
 	text-align: 20px; 
 }
 .blog_content li input{
 	width: 500px; 
 	height: 20px;
 	text-align: 20px; 
 }
 
 /*----------- center content end --------------*/
 
</style>

</head>
<div id="container">
<!-- header -->
<jsp:include page="../layout/_header.jsp" />

  <div id="content">
    <div class="left_content" >
    	<div class="photo">修改资料|上传头像</div>
    	<div class="post_blog">发表博文</div>
    	<div class="space_manage" >空间管理</div>
    	<div class="atten_manage" >关注</div>
    	<div class="attened_manage" >我的粉丝</div>
    	<div class="visit_manage" >访客统计</div>
    </div>
    <div class="center_content" >
    	<div class="content_title" style="width: 750px; margin-top: 20px; height: 33px;">
    		<div style="float: left; width: 100px; font-weight: bold;font-size: 20px; margin-left: 10px; margin-top: 8px;">发表博文</div>
    		<div style="float: left; width: 90px; margin-left: 360px; height: 20px; line-height: 20px; font-size: 13px; margin-top: 10px; font-weight: bold;">
    			<input type="checkbox" name="isTop">设为置顶</div>
    		<div style="float: left; width:70px; height: 30px; font-weight: bold; 
    			border: 1px solid #333; background: #ddd; font-size: 13px; line-height: 30px; text-align: center; cursor: pointer;">存为草稿</div>
    		<div style="float: left; width:70px; height: 30px; font-weight: bold; 
    			border: 1px solid #333; background: #ddd; font-size: 13px; line-height: 30px; text-align: center; margin-left: 10px;cursor: pointer;">立即发表</div>
    	</div>
    	<hr>
    	<div class="blog_content">
   			<ul>
   				<li>类型：</li>
   				<li>
   					<select name="big_sort">
   						<option>外家拳</option>
   						<option>内家拳</option>
   						<option>器械</option>
   					</select>
   					<select name="sub_sort">
   						<option>长拳</option>
   						<option>谭腿</option>
   						<option>虎鹤双形拳</option>
   					</select>
   				</li>
   				<li>标题：</li>
   				<li><input type="text" name="title" /></li>
   				<li>内容：</li>
   				<li>
   					<textarea rows="20" cols="80">
   					
   					</textarea>
   				</li>
   			</ul>
    	</div>
    </div>
  </div>
  <!-- footer -->
  <jsp:include page="../layout/_footer.jsp"></jsp:include>
  
</div>
</body>

<script type="text/javascript">
	$(document).ready(function(){
		
	});
</script>
</html>

